/* CSS Document */
body{ margin:0; padding:0; line-height:24px; color:#444444;background:url(../images/bj_02.jpg) repeat-x; font-size:12px;}
a {text-decoration:none;color: #555555;}
a:hover {color: #FA5200;}

 .tab {width:1000px;}
 .tab_menu {clear:both;width:1000px;}
 .tab_menu ul{margin-left:0px; margin-top:0px; padding-left:0px;} 
 .tab_menu li {width:250px; float:left; cursor:pointer; list-style:none; color:#fd6400; background:url(../images/head_31-11.jpg) no-repeat; text-align:center;}
 .tab_menu li.hover {background:url(images/head_31.jpg) no-repeat;}
 .tab_menu li.selected { color:#3073bf; font-weight:bold; font-size:14px; background:url(../images/head_31.jpg) no-repeat; height:27px; width:250px;}
 .tab_box { width:1000px;  clear:both;}
  .hide{display:none}
  .hide1{display:none}
  .hide2{display:none}
  .hide3{display:none}
.tab_box{ border:1px #dbdbdb solid; height:210px; background:url(head_18.jpg) bottom repeat-x;}
#tab_ul{ width:100%;}
#tab_ul li{ float:left; background:#FFFFFF;}
#tab_ul li img{ border:0}
#tab_ul li a{ display:block;}
#tab_ul .cur_li a{ padding:1px 12px 2px 0px; }
#tab_ul li a:hover{ padding:1px 12px 2px 0px;}
.tab_con{ padding:5px;}



#div_cg_bt {width:940px; height:59px; margin:0px auto; margin-bottom:15px;}

#div_cg_bt img {cursor:pointer;}

#div_ct {width:940px; height:226px; margin:0px auto; margin-bottom:15px; overflow:hidden; position:relative;}
#div_ct div {position:absolute; top:0px; left:0px;}
.dots{ position:absolute; left:0; top:0;}


div.productclass_dolphin{
margin:0px;
padding:0px 0px 4px 4px;
width:190px;
}


a.productclass_dolphin:link,a.productclass_dolphin:visited,a.productclass_dolphin:active{
display:block;
text-decoration: none;
font:12px/24px Verdana, Arial, Helvetica, sans-serif;
height:24px;
text-align:left;
background-color:#e4e2e2;
padding-left:45px;
margin:5px 0 0 0;
color:#444444;
}

a.productclass_dolphin:hover{
display:block;
color:#ffffff; 
text-decoration: none;
background-color:#64ae31;
}


.left{ width:560px; float:left;}
.left h3{ font-size:18px; padding:20px 0 15px 0; text-indent:10px; width:100%; background-color:#e4f0fe; display:block;}
.s-t{ width:100%; padding-bottom:10px;}
.s-c{ width:100%;}
.s-c h4{ font-size:14px; font-weight:normal; padding-bottom:9px;}
.s-c .pics{ width:540px; float:left;}
.s-c .p1 img{ width:540px; height:361px;}
.s-c .s-detail{ width:285px; float:left; display:inline; margin-left:7px;}
.cnt{ text-indent:2em; line-height:18px;}

.right{ width:180px; float:left;}
.slide-pic { padding:10px 0px 10px 5px; HEIGHT: auto}
.slide-pic A#prev {DISPLAY: block; BACKGROUND: url(slide.png) no-repeat; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 150px; TEXT-INDENT: -9999em; HEIGHT: 14px; outline: none}
.slide-pic A#next {DISPLAY: block; BACKGROUND: url(slide.png) no-repeat; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 150px; TEXT-INDENT: -9999em; HEIGHT: 14px; outline: none}
.slide-pic A#prev {BACKGROUND-POSITION: center 0px}
.slide-pic A#next {BACKGROUND-POSITION: center -20px}
.slide-pic A#prev:hover {BACKGROUND-POSITION: center -40px}
.slide-pic A#next:hover {BACKGROUND-POSITION: center -60px}
.slide-pic A.gray#prev {BACKGROUND-POSITION: center -80px}
.slide-pic A.gray#next {BACKGROUND-POSITION: center -100px}
.slide-pic .pic-container {MARGIN: 5px 0px; OVERFLOW: hidden; WIDTH: 150px; HEIGHT: 300px}
.slide-pic UL {WIDTH: 150px; }
.slide-pic UL LI {PADDING-RIGHT: 0px;  PADDING-LEFT:0px; margin-left:-40px; PADDING-BOTTOM: 5px; CURSOR: pointer; PADDING-TOP: 5px
}
.slide-pic UL LI P {BORDER-RIGHT: #fff 5px solid; margin-top:-15px; margin-bottom:-15px; BORDER-TOP: #fff 5px solid; OVERFLOW: hidden; BORDER-LEFT: #fff 5px solid; WIDTH: 140px; BORDER-BOTTOM: #fff 5px solid; HEIGHT: 80px}
.slide-pic UL LI.hover P {BORDER-LEFT-COLOR: #bbbbbb; BORDER-BOTTOM-COLOR: #bbbbbb; BORDER-TOP-COLOR: #bbbbbb; BORDER-RIGHT-COLOR: #bbbbbb}
.slide-pic UL LI P IMG {WIDTH: 140px; HEIGHT: 80px;}
.slide-pic UL LI.cur P {BORDER-LEFT-COLOR: #2c2c2c! important; BORDER-BOTTOM-COLOR: #2c2c2c! important; BORDER-TOP-COLOR: #2c2c2c! important; BORDER-RIGHT-COLOR: #2c2c2c! important}
.slide-pic UL LI .date {MARGIN-TOP: 0px; DISPLAY: block; Z-INDEX: 1; BACKGROUND: #fff; WIDTH: 140px; COLOR: #000; LINE-HEIGHT: 20px; POSITION: static; HEIGHT: 20px; TEXT-ALIGN: center;filter:alpha(opacity=20);-moz-opacity:0.5;-khtml-opacity: 0.5; opacity: 0.5;}


/* slide */
.slide-main{ width:1002px; height:273px;position:relative;}
.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:180px;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;}
.prev{left:70px;}
.next{right:70px;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.item{display:block;width:100%;height:5px;position:absolute;z-index:124;top:250px;left:0;text-align:center;}
.item a{display:inline-block;width:24px;height:5px;margin-right:11px;background:#333;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);overflow:hidden;}
.item a.cur{background:#fff;}
.slide-box,.slide{display:block;width:100%;height:273px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:273px;padding-top:0;background:#ff6900;position:relative;position:absolute;z-index:8;}
#bgstylea{background:url(../images/banner01.jpg) no-repeat;}
#bgstyleb{background:url(../images/banner02.jpg) no-repeat;}
#bgstylec{background:url(../images/banner03.jpg) no-repeat;}
#bgstyled{background:url(../images/banner04.jpg) no-repeat;}
.slide a{display:block;width:100%;height:273px;cursor:pointer;}
.obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f{position:absolute;z-index:9;left:50%;}
.obj-a,.obj-b{width:952px;margin-left:-476px;text-align:center;}
.obj-a{display:block;height:352px;top:100px;}
.obj-b{top:406px;height:100px;}
.obj-c{display:block;height:582px;top:0;margin-left:-540px;}
.obj-d{top:228px;height:164px;}
.obj-d p{display:block;padding-top:20px;font-size:16px;color:#fff;clear:both;}
.obj-e{width:366px;height:170px;margin-left:-460px;top:223px;z-index:12;}
.obj-f{width:692px;height:394px;top:158px;margin-left:-180px;}
.banAnimate .obj-a{display:block;animation-name:baoAni;-webkit-animation:baoAni 0.4s linear 0s normal none;-moz-animation:baoAni 0.4s linear 0s normal none;animation:baoAni 0.4s linear 0s normal none;}
@-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
.banAnimate .obj-b{display:block;animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;}
@-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }
@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }
@keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
.watch-code.code-show{display:block;animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;-moz-animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;}
@-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;-webkit-transform:scale(1,1); transform-origin: left bottom;} }
@-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0); transform-origin:left bottom;} to{opacity:1;-moz-transform:scale(1,1);transform-origin:bottom bottom;} }
@keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;transform:scale(1,1);transform-origin: left bottom;} }
.banAnimate .obj-c,.banAnimate .obj-e{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.3s linear 0s normal none;-moz-animation:saAnic 0.3s linear 0s normal none;animation:saAnic 0.3s linear 0s normal none;}
@-webkit-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
.banAnimate .obj-d,.banAnimate .obj-f{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;}
@-webkit-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }